<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            list-style: none;
        }
        h1
        {
            text-align: center;
            color: red;
            font-size: 20px;
        }
        p{
            width: 300px;
            text-align: center;
            margin: 50px auto;
        }
        textarea{
            display: block;
            width: 300px;
            height: 300px;
            margin: 0 auto;
        }
    </style>
</head>
<body>
<h1>请用鼠标选中一段文字放入下面的文本框</h1>
<p>北京故宫是中国明清两代的皇家宫殿，旧称为紫禁城，位于北京中轴线的中心，是中国古代宫廷建筑之精华。北京故宫以三大殿为中心，占地面积72万平方米，建筑面积约15万平方米，有大小宫殿七十多座，房屋九千余间。是世界上现存规模最大、保存最为完整的木质结构古建筑之一。 北京故宫于明成祖永乐四年（1406年）开始建设，以南京故宫为蓝本营建，到永乐十八年（1420年）建成。它是一座长方形城池，南北长961米，东西宽753米，四面围有高10米的城墙，城外有宽52米的护城河。紫禁城内的建筑分为外朝和内廷两部分。外朝的中心为太和殿、中和殿、保和殿，统称三大殿，是国家举行大典礼的地方。内廷的中心是乾清宫、交泰殿、坤宁宫，统称后三宫，是皇帝和皇后居住的正宫。[1]</p>
<textarea id="text"></textarea>
<script>


    var txt = document.getElementById('text');
    document.onmouseup = function () {
        var selectText = '';
        //1.说明是火狐和谷歌等标准浏览器
        if(window.getSelection)
        {
            selectText = window.getSelection();
        }
        else
            {
            //ie的使用
            selectText = document.selection.createRange().text;
        }
//        alert(selectText);
//        console.log(selectText);

        txt.innerHTML = selectText;
    };

</script>
</body>
</html>